<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1、AngularJS 控制器</title>
    <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
    <style>
        input.ng-dirty {
            border-color: red;
        }
    </style>
</head>
<body>
      <!--&lt;!&ndash;控制器是JavaScript 对象 可以有属性 可以有方法&ndash;&gt;-->
    <!--<div ng-app="testApp" ng-controller="ngController">-->
        <!--<p>姓 : <input type="text" ng-model="firstName" placeholder="请输入您的姓氏"></p>-->
        <!--<p>名 : <input type="text" ng-model="lastName" placeholder="请输入您的名字"></p>-->
        <!--<p>输入的内容是{{firstName + '' + lastName}}</p>-->
        <!--<button ng-click="showfullName()">显示全名</button>-->
        <!--<span>显示全名为： {{fullName}}</span>-->
    <!--</div>-->
   <!--<script>-->
        <!--let  app = angular.module('testApp',[]);-->
        <!--// $scope 是一个应用对象(属于应用变量和函数)-->
        <!--//$scope （相当于作用域、控制范围）用来保存AngularJS Model(模型)的对象。-->
        <!--app.controller('ngController',function ($scope,) {-->
            <!--$scope.firstName = '';-->
            <!--$scope.lastName = '';-->
            <!--$scope.showfullName = function () {-->
                <!--$scope.fullName = '我的全名是' + $scope.firstName + $scope.lastName;-->
            <!--}-->
        <!--});-->
   <!--</script>-->


      <!--控制器是JavaScript 对象 可以有属性 可以有方法-->
      <div ng-app="testApp">

          <div ng-controller="titleController">
              <p>{{title}}</p>
          </div>

          <div ng-controller="ngController">
              <p>账户 : <input type="text" ng-model="firstName" placeholder="请输入您的姓氏"></p>
              <p>密码 : <input type="password" ng-model="lastName" placeholder="请输入您的名字"></p>
              <p>输入的内容是{{firstName + '' + lastName}}</p>
              <button ng-click="showfullName()">显示全名</button>
              <span>显示全名为： {{fullName}}</span>
          </div>
      </div>
      <script src="1、AngularJS%20控制器.js"> </script>




</body>
</html>